<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" th:href="@{/css/pub-lib/bootstrap/bootstrap.min.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/font-awesome.min.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/ionicons.min.css}"/>
<link rel="stylesheet" th:href="@{/js/pub-lib/plugins/easyui/themes/default/easyui.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/bootstrap/dataTables.bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/js/pub-lib/plugins/daterangepicker/daterangepicker.css}"/>
    <link rel="stylesheet" th:href="@{/css/pub-lib/bootstrap/bootstrap-datepicker.min.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/_all-skins.min.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/_all.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/select2.min.css}"/>
<link rel="stylesheet" th:href="@{/js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.css}"/>
<link rel="stylesheet" th:href="@{/css/pub-lib/adminLte/AdminLTE.css}"/>
<link rel="stylesheet" th:href="@{/js/pub-lib/plugins/bootstrap-fileinput/fileinput.min.css}"/>

<link rel="stylesheet" th:href="@{/css/our-lib/myStyle.css}"/>
<body>
    <div class="content-wrapper">
        =============一、以下是【组织--组织树回填unitcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unitcommpent.js</label>
        <form class="row noMargin">
            <div class="col-sm-6">
                <input class="input-md form-control" type="text" placeholder="请输入单位名称" id="unitOut"></input>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击加载组织树" id="orgBtn"></input>
            </div>
        </form>
        <ul id="unitTree" class="treeview-gray"></ul>
        =============二、以下是【组织--组织选择&搜索回填unitsearchcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unitsearchcommpent.js</label>
        <form class="row noMargin">
            <div class="col-sm-6">
                <input class="input-md form-control" type="text" placeholder="请输入单位名称" id="unitOut1"></input>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击查询组织" id="orgBtn1"></input>
            </div>
        </form>
        <!----><div class="modal fade bs-example-modal-lg" id="unitSearchModal" >
        </div>
        =============三、以下是【用户--用户选择&搜索回填usersearchcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unitcommpent.js</label><br>
        <label>/js/our-lib/commpent/unitsearchcommpent.js</label><br/>
        <label>/js/our-lib/commpent/unittypetoselcommpent.js</label><br/>
        <label>/js/our-lib/commpent/usersearchcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <input class="input-md form-control" type="text" placeholder="请选择用户" id="userOut"></input>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击查询用户" id="userBtn"></input>
            </div>
        </form>
        <div class="modal fade bs-example-modal-lg" id="userSearchModal" ></div>
        <div class="modal fade bs-example-modal-lg" id="unitSearchModal1" ></div>
        =============四、以下是【工程--工程查询&搜索回填projectsearchcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unitsearchcommpent.js</label><br/>
        <label>/js/our-lib/commpent/projectsearchcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <input class="input-md form-control" type="text" placeholder="请选择工程" id="projuectOut"></input>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击查询工程" id="projectBtn"></input>
            </div>
        </form>
        <div class="modal fade bs-example-modal-lg" id="projectSearchModal" ></div>
        <div class="modal fade bs-example-modal-lg" id="unitSearchModal2" ></div>
        =============五、以下是【项目--项目查询&搜索回填itemsearchcommpent.js】示例==============<br/>
        <label>/js/pub-lib/plugins/easyui/datagrid-detailview.js</label><br/>
        <label>/js/our-lib/commpent/unitsearchcommpent.js</label><br/>
        <label>/js/our-lib/commpent/itemsearchcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <input class="input-md form-control" type="text" placeholder="请选择项目" id="itemOut"></input>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击查询项目" id="itemBtn"></input>
            </div>
        </form>
        <div class="modal fade bs-example-modal-lg" id="itemSearchModal" ></div>
        <div class="modal fade bs-example-modal-lg" id="unitSearchModal3" ></div>
        =============六、以下是【常量--常量下拉框组件constantcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/constantcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <label>下拉框：</label><br/>
                <select id="constantSel" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击初始化下拉框" id="constantBtn"></input>
            </div>
        </form>
        =============七、以下是【文件--单个或多个文件上传】示例==============<br/>
        <label>/js/pub-lib/common.js</label><br/>
        <form class="row noMargin">
            <div class="form-group">
                <div class="col-sm-9">
                    <button type="button" class="btn btn-info" id="common_file_bnt"></button><br/>
                    <p class="text-muted" ><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>doc、docx、xls、xlsx、ppt、pptx、pdf、jpg、png、gif、bmp、jpeg文件格式</p>
                </div>
                <div class="col-sm-2">
                    <input class="btn btn-primary" type="button" value="上传文件" id="fileBtn"></input>
                </div>
            </div>
        </form>
        =============八、以下是【文件--文件下载】示例==============<br/>
        <label>/js/pub-lib/common.js</label><br/>
        <form class="row noMargin">
            <div class="form-group">
                <div class="col-sm-6">
                    <input class="input-md form-control" type="text" placeholder="上传的文件名" id="fileOut"></input>
                </div>
                <div class="col-sm-2">
                    <input class="btn btn-primary" type="button" value="下载" id="fileDownBtn"></input>
                </div>
            </div>
        </form>
        =============九、以下是【组织--组织下拉框组件unitselcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unitselcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <label>下拉框：</label><br/>
                <select id="unitSel" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击初始化下拉框" id="unitSelBtn"></input>
            </div>
        </form>
        =============十、以下是【组织--组织类型与组织下拉框联动组件unittypetoselcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unittypetoselcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <label>单位类型：</label><br/>
                <select id="unitTypeSel" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>单位：</label><br/>
                <select id="unitSel2" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击初始化下拉框" id="unitSelBtn1"></input>
            </div>
        </form>
         =================十一、以下是【数据导出】示例==================
         <form class="row noMargin">
            <div class="form-group">
                <div class="col-sm-2">
                    <input class="btn btn-primary" type="button" value="数据导出" id="exportBtn"></input>
                </div>
            </div>
        </form>
        =============十二、以下是【项目--规划TO组织TO实施项目下拉框联动组件project2unit2itemcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/project2unit2itemcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <label>所属规划：</label><br/>
                <select id="planTypeSel" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>单位组织：</label><br/>
                <select id="unitSel3" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>实施项目：</label><br/>
                <select id="itemSel" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击初始化下拉框" id="projectBtn2"></input>
            </div>
        </form>
        =============十三、以下是【项目--规划TO组织TO规划项目下拉框联动组件plan2unit2projectcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/plan2unit2projectcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <label>所属规划：</label><br/>
                <select id="planTypeSel1" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>单位组织：</label><br/>
                <select id="unitSel4" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>规划项目：</label><br/>
                <select id="projectSel" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击初始化下拉框" id="projectBtn3"></input>
            </div>
        </form>
        =============十四、以下是【用户--用户单选&多选&usersearchmutilcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/unitcommpent.js</label><br>
        <label>/js/our-lib/commpent/unittypetoselcommpent.js</label><br/>
        <label>/js/our-lib/commpent/usersearchmutilcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <input class="input-md form-control" type="text" placeholder="请选择用户" id="userOut1"></input>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击查询用户" id="userBtn1"></input>
            </div>
        </form>
        <div class="modal fade bs-example-modal-lg" id="userSearchModal1" ></div>
        =============十五、以下是【EXCEL导入】示例==============<br/>
        <label>/js/pub-lib/plugins/bootstrap-fileinput/fileinput.min.css</label><br/>
        <label>/js/pub-lib/plugins/bootstrap-fileinput/fileinput.min.js</label><br/>
        <label>/js/pub-lib/plugins/bootstrap-fileinput/zh.js</label><br/>
        <form id="importFile" name="importFile" class="form-horizontal" method="post"
              enctype="multipart/form-data">
            <div class="box-body">
                <div>
                    <label class="control-label">请选择要导入的Excel文件：</label>
                    <input id="excelFile" name="excelFile" class="file-loading" type="file" multiple accept=".xls,.xlsx"> <br>
                </div>
            </div>
        </form>
        
        =============十六、以下是年时间选择与年月日时间选择共存时间插件示例==============<br/>
        <label>/js/pub-lib/bootstrap-datepicker.min.js</label><br/>
        <label>/js/pub-lib/bootstrap-datepicker.zh-CN.js</label><br/>
        年：<input type="text" id="yearDt"/> ---- 年月日：<input type="text" id="yearMDt"/>

        <br/>=============十七、以下是【项目--规划TO组织TO规划工程TO实施项目下拉框联动组件plan2unit2project2itemcommpent.js】示例==============<br/>
        <label>/js/our-lib/commpent/plan2unit2project2itemcommpent.js</label><br/>
        <form class="row noMargin">
            <div class="col-sm-6">
                <label>所属规划：</label><br/>
                <select id="planTypeSel2" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>单位组织：</label><br/>
                <select id="unitSel5" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>规划项目：</label><br/>
                <select id="projectSel1" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-6">
                <label>实施项目：</label><br/>
                <select id="itemSel1" class="form-control select2">
                </select>
            </div>
            <div class="col-sm-2">
                <input class="btn btn-primary" type="button" value="点击初始化下拉框" id="projectBtn4"></input>
            </div>
        </form>
    </div>
</body>
<script th:src="@{/js/pub-lib/jquery.min.js}"></script>
<script th:src="@{/js/pub-lib/bootstrap.min.js}"></script>
<script th:src="@{/js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.js}"></script>
<script th:src="@{/js/pub-lib/jquery.slimscroll.min.js}"></script>
  <!--时间-->
  <script th:src="@{/js/pub-lib/bootstrap-datepicker.min.js}"></script>
  <script th:src="@{/js/pub-lib/bootstrap-datepicker.zh-CN.js}"></script>
<script th:src="@{/js/pub-lib/adminlte.min.js}"></script>
<script th:src="@{/js/pub-lib/simplePagination.js}"></script>
<script th:src="@{/js/pub-lib/jquery/jquery.cookie.js}"></script>
<script th:src="@{/js/pub-lib/jquery/jquery.treeview.js}"></script>
<script th:src="@{/js/pub-lib/plugins/jqueryConfirm/jquery-confirm.min.js}"></script>
<script th:src="@{/js/pub-lib/icheck.min.js}"></script>
<script th:src="@{/js/pub-lib/select2.full.min.js}"></script>
<script th:src="@{/js/pub-lib/plugins/easyui/jquery.easyui.min.js}"></script>
<script th:src="@{/js/pub-lib/plugins/easyui/datagrid-detailview.js}"></script>
<script th:src="@{/js/pub-lib/plugins/toastr/toastr.min.js}"></script>
<script th:src="@{/js/pub-lib/common.js}"></script>
<script th:src="@{https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js}"></script>
<script th:src="@{https://oss.maxcdn.com/respond/1.4.2/respond.min.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/unitcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/unitsearchcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/usersearchcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/projectsearchcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/itemsearchcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/constantcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/unitselcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/unittypetoselcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/project2unit2itemcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/plan2unit2projectcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/usersearchmutilcommpent.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/commpent/plan2unit2project2itemcommpent.js}"></script>

<script type="text/javascript" th:src="@{/js/pub-lib/plugins/bootstrap-fileinput/fileinput.min.js}"></script>
<script type="text/javascript" th:src="@{/js/pub-lib/plugins/bootstrap-fileinput/zh.js}"></script>
<script type="text/javascript" th:src="@{/js/our-lib/test.js}"></script></html>
